<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>默认文档流</title>
        <style type="text/css">
            * {
                /* 所有元素默认的定位方式都是 static */
                position: static;
                border: 1px solid blue;
                margin: 10px;
            }
        </style>
    </head>
    <body>

        <h3>默认文档流</h3>
        <p>默认所有元素的定位方式都是`position: static`，即元素出现在正常的流中</p>

        <div class="wrapper">
            <div>天</div>
            <div>地</div>
            <div>玄</div>
            <div>黄</div>
        </div>

        <div class="wrapper">
            <span>天</span>
            <span>地</span>
            <span>玄</span>
            <span>黄</span>
            <p>
                铿锵玫瑰
                <button>点我试试</button>
            </p>
            <a href="http://www.kaifamiao.com">开发喵</a>
            
        </div>

    </body>
</html>